<!DOCTYPE html>
<html lang="en">
<script src="/resources/js/jquery-1.7.1.min.js" type="application/javascript"></script>
<script src="/resources/js/jquery-ui-1.8.10.custom.min.js" type="text/css"></script>

<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<style type="text/css">
    .shuju{
        position: absolute;
        top: 5%;
        left: 20%;
    }
    .zuo{
        position: absolute;
        top: 5%;
        left: 45%;
    }
    .you{
        position: absolute;
        top: 5%;
        left: 10%;
    }
    .shuju {

        background: rgba(167, 210, 196, 0.8);
        top: 5%;
        left: 20%;
        width: 700px;
        height: 600px;
        padding: 20px;
        border-radius: 30px;
        border: 3px solid #ccfff1;
        z-index:1002;
        overflow: auto;
    }

    body{
        background-color: #fff0e7;
    }
    .description{
        position: absolute;
        top: 530px;
        left: 50px;
    }
    .kuang{
        position: absolute;
        top: 50%;
    }
</style>

<body>
<div class="shuju">
    <div class="zuo">
        <div>
            流水号：<span class="serialNumber" name="serialNumber"></span>
        </div>
        <br>
        <div>
            剂型：<a class="dosageForm" name="dosageForm"></a>
        </div>
        <br>
        <div>
            单位：<a class="unit" name="unit"></a>
        </div><br>

        <div>
            生产企业名称：<a class="productionName" name="productionName"></a>
        </div><br>

        <div>
            药品类别：<a class="category" name="category"></a>
        </div><br>

        <div>
            通用拼音：<a class="commodityPinyin" name="commodityPinyin"></a>
        </div><br>
        <div>
            批准文号有效期：<a class="approvalDate" name="approvalDate"></a>
        </div><br>
        <div>
            包装材质：<a class="packages" name="packages"></a>
        </div><br>

        <div>
            最新零售价：<a class="newPrice" name="newPrice"></a>
        </div><br>

        <div>
            质量层次：<a class="dataName" name="dataName"></a>
        </div><br>

        <div>
            有无药品检验报告:
            有：<input type="radio" value="1" name="haveReport"/>
            无：<input type="radio" value="2" name="haveReport"/>
        </div><br>

        <div>
            药品检验报告有效期：<a class="reportDate" name="reportDate"></a>
        </div>
    </div>
    <div class="you">
        <div>
            通用名：<a class="commonName" name="commonName"></a>
        </div><br>
        <div>
            规格：<a class="size" name="size"></a>
        </div><br>

        <div>
            转换系数：<a class="factor" name="factor"></a>
        </div><br>

        <div>
            商品名：<a class="commodityName" name="commodityName"></a>
        </div><br>

        <div>
            中标价：<a class="winPrice" name="winPrice"></a>
        </div><br>

        <div>
            批准文号：<a class="approvalNumber" name="approvalNumber"></a>
        </div><br>
        <div class="xishu">
            是否进口药:
            是：<input type="radio" value="1" name="isImport"/>
            否：<input type="radio" value="2" name="isImport"/>
        </div>
        <div>

            包装单位：<a class="packageUnit" name="packageUnit"></a>
        </div><br>

        <div>
            零售价出处：<a class="priceSource" name="priceSource"></a>
        </div><br>

        <div>
            质量层次说明：<a class="qualityDescription" name="qualityDescription"></a>
        </div><br>

        <div>
            药品检验报告编号：<a class="reportNum" name="reportNum"></a>
        </div><br>

        <div>
            药品状态：<a class="transaction" name="transaction"></a>
        </div><br>
    </div>
    <div class="description">
        产品说明：<textarea class="kuang" name="txt" clos=",50" rows="5" warp="virtual" readonly="readonly" style="width: 600px"></textarea>
    </div>
</div>

</body>
<script type="text/javascript">

    $(function () {
        var Sid=location.href.split("id=")[1];
        $.ajax({
            url:"/provider/particulargcl",
            data:{id:Sid},
            type:"post",
            success:function (data) {
                $(".serialNumber").append(data[0].serialNumber);
                $(".dosageForm").append(data[0].dosageForm);
                $(".unit").append(data[0].unit);
                $(".productionName").append(data[0].productionName);
                $(".category").append(data[0].category);
                $(".commodityPinyin").append(data[0].commodityPinyin);
                $(".packages").append(data[0].packages);
                $(".newPrice").append(data[0].newPrice);
                $(".dataName").append(data[0].dataName);
                if(data[0].haveReport==1){
                    $("[name='haveReport']").get(0).checked=true;
                }else {
                    $("[name='haveReport']").get(1).checked=true;
                }
                $(".reportDate").append(data[0].reportDate);
                $(".commonName").append(data[0].commonName);
                $(".size").append(data[0].size);
                $(".factor").append(data[0].factor);
                $(".commodityName").append(data[0].commodityName);
                $(".winPrice").append(data[0].winPrice);
                $(".approvalNumber").append(data[0].approvalNumber);
                if(data[0].isImport==1){
                    $("[name='isImport']").get(0).checked=true;
                }else {
                    $("[name='isImport']").get(1).checked=true;
                }
                $(".packageUnit").append(data[0].packageUnit);
                $(".priceSource").append(data[0].priceSource);
                $(".qualityDescription").append(data[0].qualityDescription);
                $(".reportNum").append(data[0].reportNum);
                var a="";
                if(data[0].transaction==1){
                    a="正常";
                }else {
                    a="不正常";
                }
                $(".transaction").append(a);
                $("textarea[name='txt']").val(data[0].productionDescription);
            }
        })
    })
</script>
</html>